<!DOCTYPE html>
<html lang="ZH-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- 兼容  要求当前网页使用IE浏览器最高版本的内核来渲染 -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <!-- 解决ie9以下浏览器对html5新增标签的不识别 并导致css不起作用的问题 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <!-- Bootstrap -->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <title>首页</title>
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <script src="js/flexible.js"></script>
  </head>
  <body>
    <section>
      <div class="t">
        <div class="container">
          <div class="row header">
            <div class="col-lg-2 col-md-2 col-sm-2">
              <div class="logo">
                <a href="index.html"><img src="images/logo.png" alt="" /></a>
              </div>
            </div>
            <ul class="col-lg-7 col-sm-10 nav-top col-sm-10 hidden-xs">
              <li class="hidden-xs hidden-lg hidden-md col-sm-2"></li>
              <li><a href="index.html">首页</a></li>
              <li><a href="list.html">关于VCARE</a></li>
              <li><a href="product.html">产品中心</a></li>
              <li><a href="news.html">新闻中心</a></li>
              <li><a href="service.html">服务支持</a></li>
              <li><a href="contact.html">联系我们</a></li>
            </ul>
            <button
              class="btn glyphicon glyphicon-align-justify hidden-lg hidden-md hidden-sm"
            ></button>
            <div class="col-lg-3 ipt hidden-xs hidden-sm hidden-md">
              <input type="text" value=" 搜索" />
              <button class="glyphicon glyphicon-search"></button>
            </div>
            <span><a href="#">CN </a>/<a href="#"> EN</a></span>
          </div>
        </div>
      </div>
      <div class="disN hidden-md hidden-lg">
        <ul class="ul_li">
          <li><a href="index.html">首页</a></li>
          <li><a href="list.html">关于VCARE</a></li>
          <li><a href="product.html">产品中心</a></li>
          <li><a href="news.html">新闻中心</a></li>
          <li><a href="service.html">服务支持</a></li>
          <li><a href="contact.html">联系我们</a></li>
        </ul>
      </div>
      <!-- 自动切换栏 -->
      <div class="border">
        <!-- Swiper -->
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <img src="upload/puduct_banner.jpg" alt="" />
            </div>
            <div class="swiper-slide">
              <img src="upload/banner_02.jpg" alt="" />
            </div>
          </div>
          <!-- Add Pagination -->
          <div class="swiper-pagination qiu"></div>
        </div>
      </div>

      <!-- 主体 -->
      <div class="container nav2">
        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
          <ul class="row">
            <li>
              <a href="#"><img src="upload/img_001.png" alt="" /></a>
            </li>
            <li>
              <a href="#"><img src="upload/img_002.png" alt="" /></a>
            </li>
          </ul>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
          <ul class="row">
            <li>
              <a href="#"><img src="upload/img_003.png" alt="" /></a>
            </li>
            <li>
              <a href="#"><img src="upload/img_004.png" alt="" /></a>
            </li>
            <li>
              <a href="#"><img src="upload/img_005.png" alt="" /></a>
            </li>
          </ul>
        </div>
      </div>

      <!-- 动态 -->
      <div class="container">
        <div class="row tab_list">
          <ul class="dongTai">
            <li class="col-xs-3 current">华晨宇</li>
            <li class="col-xs-3">毛不易</li>
            <li class="col-xs-3">薛之谦</li>
            <li class="col-xs-3">李荣浩</li>
          </ul>
        </div>
        <div class="row tab_con">
          <ul>
            <li class="item" style="display: block">
              <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 iz">
                <img src="upload/h.jfif" alt="" />
                <h5>
                  <a href="#"
                    >华晨宇，1990年2月7日生于湖北省十堰市，中国内地男歌手、作曲人，毕业于武汉音乐学院。</a
                  >
                </h5>
                <p>
                  2013年参加湖南卫视《快乐男声》获年度总冠军出道
                  。2014年1月首登央视春晚舞台；同年4月参加户外真人秀节目《花儿与少年》；9月6日-7日在北京万事达中心连开两场“火星”演唱会。
                </p>
                <div class="ck">
                  <a
                    href="https://baike.baidu.com/item/%E5%8D%8E%E6%99%A8%E5%AE%87/6064097?fr=aladdin"
                    >查看详情</a
                  >
                </div>
              </div>
              <ul class="col-lg-8 col-md-8 col-sm-12 col-xs-12 iy">
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        华晨宇，1990年2月7日生于湖北省十堰市，中国内地男歌手、作曲人
                      </h5>
                      <p>
                        2013年参加湖南卫视《快乐男声》获年度总冠军出道
                        。2014年1月首登央视春晚舞台；同年4月参加户外真人秀节目《花儿与少年》；9月6日-7日在北京万事达中心连开两场“火星”演唱会。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        华晨宇，1990年2月7日生于湖北省十堰市，中国内地男歌手、作曲人
                      </h5>
                      <p>
                        2013年参加湖南卫视《快乐男声》获年度总冠军出道
                        。2014年1月首登央视春晚舞台；同年4月参加户外真人秀节目《花儿与少年》；9月6日-7日在北京万事达中心连开两场“火星”演唱会。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        华晨宇，1990年2月7日生于湖北省十堰市，中国内地男歌手、作曲人
                      </h5>
                      <p>
                        2013年参加湖南卫视《快乐男声》获年度总冠军出道
                        。2014年1月首登央视春晚舞台；同年4月参加户外真人秀节目《花儿与少年》；9月6日-7日在北京万事达中心连开两场“火星”演唱会。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        华晨宇，1990年2月7日生于湖北省十堰市，中国内地男歌手、作曲人
                      </h5>
                      <p>
                        2013年参加湖南卫视《快乐男声》获年度总冠军出道
                        。2014年1月首登央视春晚舞台；同年4月参加户外真人秀节目《花儿与少年》；9月6日-7日在北京万事达中心连开两场“火星”演唱会。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        华晨宇，1990年2月7日生于湖北省十堰市，中国内地男歌手、作曲人
                      </h5>
                      <p>
                        2013年参加湖南卫视《快乐男声》获年度总冠军出道
                        。2014年1月首登央视春晚舞台；同年4月参加户外真人秀节目《花儿与少年》；9月6日-7日在北京万事达中心连开两场“火星”演唱会。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        华晨宇，1990年2月7日生于湖北省十堰市，中国内地男歌手、作曲人
                      </h5>
                      <p>
                        2013年参加湖南卫视《快乐男声》获年度总冠军出道
                        。2014年1月首登央视春晚舞台；同年4月参加户外真人秀节目《花儿与少年》；9月6日-7日在北京万事达中心连开两场“火星”演唱会。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        华晨宇，1990年2月7日生于湖北省十堰市，中国内地男歌手、作曲人
                      </h5>
                      <p>
                        2013年参加湖南卫视《快乐男声》获年度总冠军出道
                        。2014年1月首登央视春晚舞台；同年4月参加户外真人秀节目《花儿与少年》；9月6日-7日在北京万事达中心连开两场“火星”演唱会。
                      </p>
                    </div>
                  </a>
                </li>
              </ul>
            </li>
            <li class="item">
              <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 iz">
                <img src="upload/m.jfif" alt="" />
                <h5>
                  <a href="#"
                    >毛不易，原名王维家，1994年10月1日出生于黑龙江省齐齐哈尔市泰来县，中国内地流行乐男歌手，毕业于杭州师范大学护理专业。</a
                  >
                </h5>
                <p>
                  2017年，参加腾讯视频选秀娱乐节目《明日之子》，获得全国总决赛冠军，从而正式进入演艺圈,11月11日，推出个人原创单曲《项羽虞姬；12月28日，获得腾讯娱乐白皮书音乐年度之星奖。
                </p>
                <div class="ck">
                  <a
                    href="https://baike.baidu.com/item/%E6%AF%9B%E4%B8%8D%E6%98%93/21502600?fr=aladdin"
                    >查看详情</a
                  >
                </div>
              </div>
              <ul class="col-lg-8 col-md-8 col-sm-12 col-xs-12 iy">
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        毛不易，原名王维家，1994年10月1日出生于黑龙江省齐齐哈尔市泰来县，中国内地流行乐男歌手，毕业于杭州师范大学护理专业。
                      </h5>
                      <p>
                        2017年，参加腾讯视频选秀娱乐节目《明日之子》，获得全国总决赛冠军，从而正式进入演艺圈,11月11日，推出个人原创单曲《项羽虞姬；12月28日，获得腾讯娱乐白皮书音乐年度之星奖。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        毛不易，原名王维家，1994年10月1日出生于黑龙江省齐齐哈尔市泰来县，中国内地流行乐男歌手，毕业于杭州师范大学护理专业。
                      </h5>
                      <p>
                        2017年，参加腾讯视频选秀娱乐节目《明日之子》，获得全国总决赛冠军，从而正式进入演艺圈,11月11日，推出个人原创单曲《项羽虞姬；12月28日，获得腾讯娱乐白皮书音乐年度之星奖。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        毛不易，原名王维家，1994年10月1日出生于黑龙江省齐齐哈尔市泰来县，中国内地流行乐男歌手，毕业于杭州师范大学护理专业。
                      </h5>
                      <p>
                        2017年，参加腾讯视频选秀娱乐节目《明日之子》，获得全国总决赛冠军，从而正式进入演艺圈,11月11日，推出个人原创单曲《项羽虞姬；12月28日，获得腾讯娱乐白皮书音乐年度之星奖。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        毛不易，原名王维家，1994年10月1日出生于黑龙江省齐齐哈尔市泰来县，中国内地流行乐男歌手，毕业于杭州师范大学护理专业。
                      </h5>
                      <p>
                        2017年，参加腾讯视频选秀娱乐节目《明日之子》，获得全国总决赛冠军，从而正式进入演艺圈,11月11日，推出个人原创单曲《项羽虞姬；12月28日，获得腾讯娱乐白皮书音乐年度之星奖。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        毛不易，原名王维家，1994年10月1日出生于黑龙江省齐齐哈尔市泰来县，中国内地流行乐男歌手，毕业于杭州师范大学护理专业。
                      </h5>
                      <p>
                        2017年，参加腾讯视频选秀娱乐节目《明日之子》，获得全国总决赛冠军，从而正式进入演艺圈,11月11日，推出个人原创单曲《项羽虞姬；12月28日，获得腾讯娱乐白皮书音乐年度之星奖。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        毛不易，原名王维家，1994年10月1日出生于黑龙江省齐齐哈尔市泰来县，中国内地流行乐男歌手，毕业于杭州师范大学护理专业。
                      </h5>
                      <p>
                        2017年，参加腾讯视频选秀娱乐节目《明日之子》，获得全国总决赛冠军，从而正式进入演艺圈,11月11日，推出个人原创单曲《项羽虞姬；12月28日，获得腾讯娱乐白皮书音乐年度之星奖。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        毛不易，原名王维家，1994年10月1日出生于黑龙江省齐齐哈尔市泰来县，中国内地流行乐男歌手，毕业于杭州师范大学护理专业。
                      </h5>
                      <p>
                        2017年，参加腾讯视频选秀娱乐节目《明日之子》，获得全国总决赛冠军，从而正式进入演艺圈,11月11日，推出个人原创单曲《项羽虞姬；12月28日，获得腾讯娱乐白皮书音乐年度之星奖。
                      </p>
                    </div>
                  </a>
                </li>
              </ul>
            </li>
            <li class="item">
              <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 iz">
                <img src="upload/x.jfif" alt="" />
                <h5>
                  <a href="#"
                    >薛之谦（Joker
                    Xue），1983年7月17日出生于上海，中国内地流行乐男歌手、影视演员、音乐制作人，毕业于格里昂酒店管理学院。</a
                  >
                </h5>
                <p>
                  015年6月，薛之谦首度担当制作人并发行原创EP《绅士》；同年，他还主演都市励志剧《妈妈像花儿一样》。2016年，凭借EP《绅士》、《一半》获得第16届全球华语歌曲排行榜最受欢迎男歌手、五大最受欢迎男歌手奖、
                </p>
                <div class="ck">
                  <a
                    href="https://baike.baidu.com/item/%E8%96%9B%E4%B9%8B%E8%B0%A6/144417"
                    >查看详情</a
                  >
                </div>
              </div>
              <ul class="col-lg-8 col-md-8 col-sm-12 col-xs-12 iy">
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        薛之谦（Joker
                        Xue），1983年7月17日出生于上海，中国内地流行乐男歌手、影视演员、音乐制作人，毕业于格里昂酒店管理学院。
                      </h5>
                      <p>
                        015年6月，薛之谦首度担当制作人并发行原创EP《绅士》；同年，他还主演都市励志剧《妈妈像花儿一样》。2016年，凭借EP《绅士》、《一半》获得第16届全球华语歌曲排行榜最受欢迎男歌手、五大最受欢迎男歌手奖、
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        薛之谦（Joker
                        Xue），1983年7月17日出生于上海，中国内地流行乐男歌手、影视演员、音乐制作人，毕业于格里昂酒店管理学院。
                      </h5>
                      <p>
                        015年6月，薛之谦首度担当制作人并发行原创EP《绅士》；同年，他还主演都市励志剧《妈妈像花儿一样》。2016年，凭借EP《绅士》、《一半》获得第16届全球华语歌曲排行榜最受欢迎男歌手、五大最受欢迎男歌手奖、
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        薛之谦（Joker
                        Xue），1983年7月17日出生于上海，中国内地流行乐男歌手、影视演员、音乐制作人，毕业于格里昂酒店管理学院。
                      </h5>
                      <p>
                        015年6月，薛之谦首度担当制作人并发行原创EP《绅士》；同年，他还主演都市励志剧《妈妈像花儿一样》。2016年，凭借EP《绅士》、《一半》获得第16届全球华语歌曲排行榜最受欢迎男歌手、五大最受欢迎男歌手奖、
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        薛之谦（Joker
                        Xue），1983年7月17日出生于上海，中国内地流行乐男歌手、影视演员、音乐制作人，毕业于格里昂酒店管理学院。
                      </h5>
                      <p>
                        015年6月，薛之谦首度担当制作人并发行原创EP《绅士》；同年，他还主演都市励志剧《妈妈像花儿一样》。2016年，凭借EP《绅士》、《一半》获得第16届全球华语歌曲排行榜最受欢迎男歌手、五大最受欢迎男歌手奖、
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        薛之谦（Joker
                        Xue），1983年7月17日出生于上海，中国内地流行乐男歌手、影视演员、音乐制作人，毕业于格里昂酒店管理学院。
                      </h5>
                      <p>
                        015年6月，薛之谦首度担当制作人并发行原创EP《绅士》；同年，他还主演都市励志剧《妈妈像花儿一样》。2016年，凭借EP《绅士》、《一半》获得第16届全球华语歌曲排行榜最受欢迎男歌手、五大最受欢迎男歌手奖、
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        薛之谦（Joker
                        Xue），1983年7月17日出生于上海，中国内地流行乐男歌手、影视演员、音乐制作人，毕业于格里昂酒店管理学院。
                      </h5>
                      <p>
                        015年6月，薛之谦首度担当制作人并发行原创EP《绅士》；同年，他还主演都市励志剧《妈妈像花儿一样》。2016年，凭借EP《绅士》、《一半》获得第16届全球华语歌曲排行榜最受欢迎男歌手、五大最受欢迎男歌手奖、
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        薛之谦（Joker
                        Xue），1983年7月17日出生于上海，中国内地流行乐男歌手、影视演员、音乐制作人，毕业于格里昂酒店管理学院。
                      </h5>
                      <p>
                        015年6月，薛之谦首度担当制作人并发行原创EP《绅士》；同年，他还主演都市励志剧《妈妈像花儿一样》。2016年，凭借EP《绅士》、《一半》获得第16届全球华语歌曲排行榜最受欢迎男歌手、五大最受欢迎男歌手奖、
                      </p>
                    </div>
                  </a>
                </li>
              </ul>
            </li>
            <li class="item">
              <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 iz">
                <img src="upload/l.jfif" alt="" />
                <h5>
                  <a href="#"
                    >李荣浩（Ronghao
                    Li），1985年7月11日出生于安徽省蚌埠市，中国内地流行乐男歌手、词曲创作人、音乐制作人、演员。</a
                  >
                </h5>
                <p>
                  2010年，发行首张个人音乐EP《小黄》。2013年，发行个人首张音乐专辑《模特》，凭该专辑成为首位获得台湾金曲奖“最佳新人奖”的中国大陆歌手。2014年，发行个人同名音乐专辑《李荣浩》，凭该专辑获得中国TOP排行榜内地年度最佳男歌手奖。
                </p>
                <div class="ck">
                  <a
                    href="https://baike.baidu.com/item/%E6%9D%8E%E8%8D%A3%E6%B5%A9/3976957"
                    >查看详情</a
                  >
                </div>
              </div>
              <ul class="col-lg-8 col-md-8 col-sm-12 col-xs-12 iy">
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        李荣浩（Ronghao
                        Li），1985年7月11日出生于安徽省蚌埠市，中国内地流行乐男歌手、词曲创作人、音乐制作人、演员。
                      </h5>
                      <p>
                        2010年，发行首张个人音乐EP《小黄》。2013年，发行个人首张音乐专辑《模特》，凭该专辑成为首位获得台湾金曲奖“最佳新人奖”的中国大陆歌手。2014年，发行个人同名音乐专辑《李荣浩》，凭该专辑获得中国TOP排行榜内地年度最佳男歌手奖。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        李荣浩（Ronghao
                        Li），1985年7月11日出生于安徽省蚌埠市，中国内地流行乐男歌手、词曲创作人、音乐制作人、演员。
                      </h5>
                      <p>
                        2010年，发行首张个人音乐EP《小黄》。2013年，发行个人首张音乐专辑《模特》，凭该专辑成为首位获得台湾金曲奖“最佳新人奖”的中国大陆歌手。2014年，发行个人同名音乐专辑《李荣浩》，凭该专辑获得中国TOP排行榜内地年度最佳男歌手奖。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        李荣浩（Ronghao
                        Li），1985年7月11日出生于安徽省蚌埠市，中国内地流行乐男歌手、词曲创作人、音乐制作人、演员。
                      </h5>
                      <p>
                        2010年，发行首张个人音乐EP《小黄》。2013年，发行个人首张音乐专辑《模特》，凭该专辑成为首位获得台湾金曲奖“最佳新人奖”的中国大陆歌手。2014年，发行个人同名音乐专辑《李荣浩》，凭该专辑获得中国TOP排行榜内地年度最佳男歌手奖。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        李荣浩（Ronghao
                        Li），1985年7月11日出生于安徽省蚌埠市，中国内地流行乐男歌手、词曲创作人、音乐制作人、演员。
                      </h5>
                      <p>
                        2010年，发行首张个人音乐EP《小黄》。2013年，发行个人首张音乐专辑《模特》，凭该专辑成为首位获得台湾金曲奖“最佳新人奖”的中国大陆歌手。2014年，发行个人同名音乐专辑《李荣浩》，凭该专辑获得中国TOP排行榜内地年度最佳男歌手奖。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        李荣浩（Ronghao
                        Li），1985年7月11日出生于安徽省蚌埠市，中国内地流行乐男歌手、词曲创作人、音乐制作人、演员。
                      </h5>
                      <p>
                        2010年，发行首张个人音乐EP《小黄》。2013年，发行个人首张音乐专辑《模特》，凭该专辑成为首位获得台湾金曲奖“最佳新人奖”的中国大陆歌手。2014年，发行个人同名音乐专辑《李荣浩》，凭该专辑获得中国TOP排行榜内地年度最佳男歌手奖。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        李荣浩（Ronghao
                        Li），1985年7月11日出生于安徽省蚌埠市，中国内地流行乐男歌手、词曲创作人、音乐制作人、演员。
                      </h5>
                      <p>
                        2010年，发行首张个人音乐EP《小黄》。2013年，发行个人首张音乐专辑《模特》，凭该专辑成为首位获得台湾金曲奖“最佳新人奖”的中国大陆歌手。2014年，发行个人同名音乐专辑《李荣浩》，凭该专辑获得中国TOP排行榜内地年度最佳男歌手奖。
                      </p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="date">
                      <span class="span1">27</span>
                      <span class="span2">2020-11</span>
                    </div>
                    <div class="xq">
                      <h5>
                        李荣浩（Ronghao
                        Li），1985年7月11日出生于安徽省蚌埠市，中国内地流行乐男歌手、词曲创作人、音乐制作人、演员。
                      </h5>
                      <p>
                        2010年，发行首张个人音乐EP《小黄》。2013年，发行个人首张音乐专辑《模特》，凭该专辑成为首位获得台湾金曲奖“最佳新人奖”的中国大陆歌手。2014年，发行个人同名音乐专辑《李荣浩》，凭该专辑获得中国TOP排行榜内地年度最佳男歌手奖。
                      </p>
                    </div>
                  </a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
      <div class="bottom">版权所有 © 2017-2027 威喀尔国际 粤ICP05138723号</div>
    </section>

    <script src="js/swiper.min.js"></script>

    <script>
      var btn = document.querySelector(".btn");
      var ul1 = document.querySelector(".ul_li");
      var disN = document.querySelector(".disN");
      var flag = 0;
      btn.onclick = function () {
        this.style.backgroundColor = "#343434";
        this.style.color = "#fff";
        if (flag === 0) {
          ul1.className = "xs-ul";
          disN.style.display = "block";
          flag = 1;
        } else if (flag === 1) {
          disN.style.display = "none";
          ul1.className = "ul_li";
          flag = 0;
        }
      };

      btn.onblur = function () {
        this.style.backgroundColor = "#e1e1e1ee";
      };

      window.addEventListener("load", function () {
        window.addEventListener("resize", function () {
          if (window.innerWidth >= 768) {
            ul.className = "col-lg-7 col-sm-10 nav-top col-sm-10 hidden-xs";
          }
        });
      });

      var ipt = document.querySelector("input");
      ipt.onfocus = function () {
        if (this.value === " 搜索") {
          this.value = "";
        }
        this.style.color = "#333";
      };
      ipt.onblur = function () {
        if (this.value === "") {
          this.value = " 搜索";
        }
        this.style.color = "#666";
      };

      // Initialize Swiper

      (function () {
        var swiper = new Swiper(".swiper-container", {
          spaceBetween: 30,
          centeredSlides: true,
          autoplay: {
            delay: 2500,
            disableOnInteraction: false,
          },
          pagination: {
            el: ".swiper-pagination",
            clickable: true,
          },
        });
      })();

      // 动态
      // 获取元素
      var tab_list = document.querySelector(".tab_list");
      var lis = tab_list.querySelectorAll("li");
      var items = document.querySelectorAll(".item");
      // for 循环绑定事件
      for (var i = 0; i < lis.length; i++) {
        // 开始给5个小li 设置索引号
        lis[i].setAttribute("index", i);
        lis[i].onclick = function () {
          // 1. 点击某一个 当前这一个底色变色 其余不变  修改类名的方式

          // 干掉所有人 其余的li 清除 class 这个类
          for (var i = 0; i < lis.length; i++) {
            lis[i].className = "col-xs-3";
          }
          // 留下我自己
          this.className = "col-xs-3 current";
          // 2. 下面的显示内容模块
          var index = this.getAttribute("index");
          console.log(index);
          // 干掉所有人 让其余的item 隐藏
          for (var i = 0; i < items.length; i++) {
            items[i].style.display = "none";
          }
          // 留下我自己 让对应的item 显示出来
          items[index].style.display = "block";
        };
      }
    </script>
  </body>
</html>
